<template>
  <div class="columns topBar">
    <div class="column is-1 logo">
      <a href="javascript:;">
        <div class="logo_icon"></div>
      </a>
    </div>
    <div class="column is-3 title">
      <span>基于Vuejs的组件库</span>
    </div>
    <div class="column is-4">
    </div>
    <div class="column">
      <div class="columns">
        <div class="column is-6 is-offset-6">
          <oolongDropdown class="admin">
            <a href="javascript:;" style="font-size: large">
              <oolongIcon type="person"></oolongIcon>
              尊贵的:{{ username }}
              <oolongIcon type="arrow-down-b"></oolongIcon>
            </a>
            <oolongDropdownMenu slot="list">
              <router-link to="/">
                <oolongDropdownItem>修改密码</oolongDropdownItem>
              </router-link>
              <router-link to="/">
                <oolongDropdownItem>退出</oolongDropdownItem>
              </router-link>
            </oolongDropdownMenu>
          </oolongDropdown>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import '../resources/css/admin-template/oolong-topBar.scss'
  export default {
    data(){
      return {
        username: "master"
      }
    }
  }

</script>
<style lang="scss" scoped>


</style>
